.sidebar-menu1 {
  list-style: none;
  margin: 0;
  height: 100%;
  padding: 20px;
  background: rgba(0, 0, 0, 0.2); }
  .sidebar-menu1 > li {
    position: relative;
    background: rgba(141, 198,236,0.1);
    margin: 4px;
    padding: 0; }
.sidebar-menu1 > li > a > div {
  display: inline;
}
.sidebar-menu1 > li > a > .icn {
  background: rgba(141,198,236,0.2);
  padding: 9px 10px 9px 10px;
  display: inline;
}
.sidebar-menu1 > li > a > .icn > img {
  margin: 0;
  width: 18px;
  height: 18px;
}

.sidebar-menu1 > li > .right {
  float: right;
  display: inline;
}
    .sidebar-menu1 > li > a {
      padding: 6px 5px 6px 0;
      display: block;
      border-left: 3px solid transparent;
      border-right: 1px solid transparent;
      color: #fff;
      border-left-color: #3c8dbc;
      border-right-color: #3c8dbc;}
      .sidebar-menu1 > li > a > .fa {
        width: 20px; }
    .sidebar-menu1 > li:hover > a, .sidebar-menu1 > li.active > a {
      color: #fff;
      background: #2985f7;}
  .sidebar-menu1 > li:hover > a > .icn, .sidebar-menu1 > li.active > a >.icn {
    background: rgba(32 ,112,213,1)}
    .sidebar-menu1 > li > .treeview-menu {
      margin: 0 1px;
    }
    .sidebar-menu1 > li .label,
    .sidebar-menu1 > li .badge {
      margin-top: 3px;
      margin-right: 5px; }
  .sidebar-menu1 li > a > .fa-angle-left {
    width: auto;
    height: auto;
    padding: 0;
    margin-right: 10px;
    margin-top: 3px; }
  .sidebar-menu1 li.active > a > .fa-angle-left {
    transform: rotate(-90deg); }
  .sidebar-menu1 li.active > .treeview-menu {
    display: block; }
  .sidebar-menu1 a {
    color: #b8c7ce;
    text-decoration: none; }
  .sidebar-menu1 .treeview-menu {
    display: none;
    list-style: none;
    padding: 10px 0 10px 2px;
    margin: 0; }
    .sidebar-menu1 .treeview-menu .treeview-menu {
      padding-left: 20px; }
    .sidebar-menu1 .treeview-menu {
    }
    .sidebar-menu1 .treeview-menu > li {
      margin: 0; }
      .sidebar-menu1 .treeview-menu > li > a {
        padding: 5px 5px 5px 15px;
        display: block;
        font-size: 10px;
        color: #8aa4af; }
        .sidebar-menu1 .treeview-menu > li > a > .fa {
          width: 20px; }
        .sidebar-menu1 .treeview-menu > li > a > .fa-angle-left,
        .sidebar-menu1 .treeview-menu > li > a > .fa-angle-down {
          width: auto; }
      .sidebar-menu1 .treeview-menu > li.active > a, .sidebar-menu1 .treeview-menu > li > a:hover {
        color: #fff; }
